<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Gebo Admin Panel</title>

    <!-- Bootstrap framework -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <!-- jQuery UI theme -->
    <link rel="stylesheet" href="lib/jquery-ui/css/Aristo/Aristo.css"/>
    <!-- tooltips-->
    <link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css"/>
    <!-- tooltips-->
    <link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css"/>
    <!-- colorbox -->
    <link rel="stylesheet" href="lib/colorbox/colorbox.css"/>
    <!-- code prettify -->
    <link rel="stylesheet" href="lib/google-code-prettify/prettify.css"/>
    <!-- sticky notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css"/>
    <!-- aditional icons -->
    <link rel="stylesheet" href="img/splashy/splashy.css"/>
    <!-- flags -->
    <link rel="stylesheet" href="img/flags/flags.css"/>
    <!-- datatables -->
    <link rel="stylesheet" href="lib/datatables/extras/TableTools/media/css/TableTools.css">


    <!-- main styles -->
    <link rel="stylesheet" href="css/style.css"/>
    <!-- theme color-->
    <link rel="stylesheet" href="css/blue.css" id="link_theme"/>

    <!--<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
-->
    <!-- favicon -->
    <link rel="shortcut icon" href="favicon.ico"/>

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie.css"/>
    <![endif]-->

    <!--[if lt IE 9]>
    <script src="js/ie/html5.js"></script>
    <script src="js/ie/respond.min.js"></script>
    <script src="lib/flot/excanvas.min.js"></script>
    <![endif]-->

</head>
<body class="full_width">

<div class="fo">

    <div class="sepH_c">
        <p>Colors:</p>

        <div class="clearfix">
            <a href="javascript:void(0)" class="style_item jQclr blue_theme style_active" title="blue">blue</a>
            <a href="javascript:void(0)" class="style_item jQclr dark_theme" title="dark">dark</a>
            <a href="javascript:void(0)" class="style_item jQclr green_theme" title="green">green</a>
            <a href="javascript:void(0)" class="style_item jQclr brown_theme" title="brown">brown</a>
            <a href="javascript:void(0)" class="style_item jQclr eastern_blue_theme" title="eastern_blue">eastern
                blue</a>
            <a href="javascript:void(0)" class="style_item jQclr tamarillo_theme" title="tamarillo">tamarillo</a>
        </div>
    </div>
    <div class="sepH_c">
        <p>Layout:</p>

        <div class="clearfix">
            <label class="radio-inline"><input name="ssw_layout" id="ssw_layout_fluid" value="" checked="" type="radio">
                Fluid</label>
            <label class="radio-inline"><input name="ssw_layout" id="ssw_layout_fixed" value="gebo-fixed" type="radio">
                Fixed</label>
        </div>
    </div>
    <div class="sepH_c">
        <p>Backgrounds:</p>

        <div class="clearfix">
            <span class="style_item jQptrn style_active ptrn_def" title=""></span>
            <span class="ssw_ptrn_a style_item jQptrn " title="ptrn_a"></span>
            <span class="ssw_ptrn_b style_item jQptrn" title="ptrn_b"></span>
            <span class="ssw_ptrn_c style_item jQptrn" title="ptrn_c"></span>
            <span class="ssw_ptrn_d style_item jQptrn" title="ptrn_d"></span>
            <span class="ssw_ptrn_e style_item jQptrn" title="ptrn_e"></span>
        </div>
    </div>
    <div class="sepH_c">
        <p>Sidebar position:</p>

        <div class="clearfix">
            <label class="radio-inline"><input name="ssw_sidebar" id="ssw_sidebar_left" value="" checked=""
                                               type="radio"> Left</label>
            <label class="radio-inline"><input name="ssw_sidebar" id="ssw_sidebar_right" value="sidebar_right"
                                               type="radio"> Right</label>
        </div>
    </div>
    <div class="sepH_c">
        <p>Show top menu on:</p>

        <div class="clearfix">
            <label class="radio-inline"><input name="ssw_menu" id="ssw_menu_click" value="" checked="" type="radio">
                Click</label>
            <label class="radio-inline"><input name="ssw_menu" id="ssw_menu_hover" value="menu_hover" type="radio">
                Hover</label>
        </div>
    </div>

    <div class="gh_button-group">
        <a href="#" id="showCss" class="btn btn-primary btn-sm">Show CSS</a>
        <a href="#" id="resetDefault" class="btn btn-default btn-sm">Reset</a>
    </div>
    <div class="hide">
        <ul id="ssw_styles">
            <li class="small ssw_mbColor sepH_a" style="display:none">body {<span class="ssw_mColor sepH_a"
                                                                                  style="display:none"> color: #<span></span>;</span>
                <span class="ssw_bColor" style="display:none">background-color: #<span></span> </span>}
            </li>
            <li class="small ssw_lColor sepH_a" style="display:none">a { color: #<span></span> }</li>
        </ul>
    </div>
</div>

<div id="maincontainer" class="clearfix">
    <header>
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="navbar-inner form-group f">
                <div class="container">
                    <a class="brand pull-left" href="index.php?uid=1&amp;page=dashboard">Gebo Admin <span class="sml_t">3</span></a>
                    <ul class="nav navbar-nav" id="mobile-nav">
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span
                                    class="glyphicon glyphicon-list-alt"></span> Forms <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.php?uid=1&amp;page=form_elements">Form elements</a></li>
                                <li><a href="index.php?uid=1&amp;page=form_extended">Extended form elements</a></li>
                                <li><a href="index.php?uid=1&amp;page=form_validation">Form Validation</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span
                                    class="glyphicon glyphicon-th"></span> Components <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.php?uid=1&amp;page=alerts_btns">Alerts &amp; Buttons</a></li>
                                <li><a href="index.php?uid=1&amp;page=icons">Icons</a></li>
                                <li><a href="index.php?uid=1&amp;page=notifications">Notifications</a></li>
                                <li><a href="index.php?uid=1&amp;page=tables">Tables</a></li>
                                <li><a href="index.php?uid=1&amp;page=tables_more">Tables (more examples)</a></li>
                                <li><a href="index.php?uid=1&amp;page=tabs_accordion">Tabs &amp; Accordion</a></li>
                                <li><a href="index.php?uid=1&amp;page=tooltips">Tooltips, Popovers</a></li>
                                <li><a href="index.php?uid=1&amp;page=typography">Typography</a></li>
                                <li><a href="index.php?uid=1&amp;page=widgets">Widget boxes</a></li>
                                <li class="dropdown">
                                    <a href="#">Sub menu <b class="caret-right"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Sub menu 1.1</a></li>
                                        <li><a href="#">Sub menu 1.2</a></li>
                                        <li><a href="#">Sub menu 1.3</a></li>
                                        <li>
                                            <a href="#">Sub menu 1.4 <b class="caret-right"></b></a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Sub menu 1.4.1</a></li>
                                                <li><a href="#">Sub menu 1.4.2</a></li>
                                                <li><a href="#">Sub menu 1.4.3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span
                                    class="glyphicon glyphicon-wrench"></span> Plugins <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.php?uid=1&amp;page=charts">Charts</a></li>
                                <li><a href="index.php?uid=1&amp;page=calendar">Calendar</a></li>
                                <li><a href="index.php?uid=1&amp;page=datatable">Datatable</a></li>
                                <li><a href="index.php?uid=1&amp;page=dynamic_tree">Dynamic tree</a></li>
                                <li><a href="index.php?uid=1&amp;page=editable_elements">Editable elements</a></li>
                                <li><a href="index.php?uid=1&amp;page=file_manager">File Manager</a></li>
                                <li><a href="index.php?uid=1&amp;page=floating_header">Floating List Header</a></li>
                                <li><a href="index.php?uid=1&amp;page=google_maps">Google Maps</a></li>
                                <li><a href="index.php?uid=1&amp;page=gallery">Gallery Grid</a></li>
                                <li><a href="index.php?uid=1&amp;page=wizard">Wizard</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span
                                    class="glyphicon glyphicon-file"></span> Pages <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.php?uid=1&amp;page=blog_page"> Blog Page</a></li>
                                <li><a href="index.php?uid=1&amp;page=chat"> Chat</a></li>
                                <li><a href="error_404.html"> Error 404</a></li>
                                <li><a href="index.php?uid=1&amp;page=invoice"> Invoice</a></li>
                                <li><a href="index.php?uid=1&amp;page=mailbox">Mailbox</a></li>
                                <li><a href="index.php?uid=1&amp;page=search_page">Search page</a></li>
                                <li><a href="index.php?uid=1&amp;page=user_profile">User profile</a></li>
                                <li><a href="index.php?uid=1&amp;page=user_static">User profile (static)</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav user_menu pull-right">
                        <li class="hidden-phone hidden-tablet">
                            <div class="nb_boxes clearfix">
                                <a data-toggle="modal" data-backdrop="static" href="#myMail" class="label ttip_b"
                                   title="New messages">25 <i class="splashy-mail_light"></i></a>
                                <a data-toggle="modal" data-backdrop="static" href="#myTasks" class="label ttip_b"
                                   title="New tasks">10 <i class="splashy-calendar_week"></i></a>
                            </div>
                        </li>
                        <li class="divider-vertical hidden-sm hidden-xs"></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle nav_condensed" data-toggle="dropdown"><i
                                    class="flag-gb"></i> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="javascript:void(0)"><i class="flag-de"></i> Deutsch</a></li>
                                <li><a href="javascript:void(0)"><i class="flag-fr"></i> Français</a></li>
                                <li><a href="javascript:void(0)"><i class="flag-es"></i> Español</a></li>
                                <li><a href="javascript:void(0)"><i class="flag-ru"></i> Pусский</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical hidden-sm hidden-xs"></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="img/user_avatar.png"
                                                                                            alt="" class="user_avatar">Johny
                                Smith <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.php?uid=1&amp;page=user_profile">My Profile</a></li>
                                <li><a href="javascrip:void(0)">Another action</a></li>
                                <li class="divider"></li>
                                <li><a href="index.php">Log Out</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div class="modal fade" id="myMail">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3 class="modal-title">New Messages</h3>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-info">In this table jquery plugin turns a table row into a clickable
                            link.
                        </div>
                        <table class="table table-condensed table-striped" data-provides="rowlink">
                            <thead>
                            <tr>
                                <th>Sender</th>
                                <th>Subject</th>
                                <th>Date</th>
                                <th>Size</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Declan Pamphlett</td>
                                <td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
                                <td>23/05/2012</td>
                                <td>25KB</td>
                            </tr>
                            <tr>
                                <td>Erin Church</td>
                                <td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
                                <td>24/05/2012</td>
                                <td>15KB</td>
                            </tr>
                            <tr>
                                <td>Koby Auld</td>
                                <td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
                                <td>25/05/2012</td>
                                <td>28KB</td>
                            </tr>
                            <tr>
                                <td>Anthony Pound</td>
                                <td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
                                <td>25/05/2012</td>
                                <td>33KB</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default">Go to mailbox</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="myTasks">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3 class="modal-title">New Tasks</h3>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-info">In this table jquery plugin turns a table row into a clickable
                            link.
                        </div>
                        <table class="table table-condensed table-striped" data-provides="rowlink">
                            <thead>
                            <tr>
                                <th>id</th>
                                <th>Summary</th>
                                <th>Updated</th>
                                <th>Priority</th>
                                <th>Status</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>P-23</td>
                                <td><a href="javascript:void(0)">Admin should not break if URL…</a></td>
                                <td>23/05/2012</td>
                                <td><span class="label label-danger">High</span></td>
                                <td>Open</td>
                            </tr>
                            <tr>
                                <td>P-18</td>
                                <td><a href="javascript:void(0)">Displaying submenus in custom…</a></td>
                                <td>22/05/2012</td>
                                <td><span class="label label-warning">Medium</span></td>
                                <td>Reopen</td>
                            </tr>
                            <tr>
                                <td>P-25</td>
                                <td><a href="javascript:void(0)">Featured image on post types…</a></td>
                                <td>22/05/2012</td>
                                <td><span class="label label-success">Low</span></td>
                                <td>Updated</td>
                            </tr>
                            <tr>
                                <td>P-10</td>
                                <td><a href="javascript:void(0)">Multiple feed fixes and…</a></td>
                                <td>17/05/2012</td>
                                <td><span class="label label-warning">Medium</span></td>
                                <td>Open</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default">Go to task manager</button>
                    </div>
                </div>
            </div>
        </div>

    </header>


    <div id="contentwrapper">
        <div class="main_content">
            <div id="jCrumbs" class="breadCrumb module">
                <ul>
                    <li>
                        <a href="#"><i class="glyphicon glyphicon-home"></i></a>
                    </li>
                    <li>
                        <a href="#">Sports & Toys</a>
                    </li>
                    <li>
                        <a href="#">Toys & Hobbies</a>
                    </li>
                    <li>
                        <a href="#">Learning & Educational</a>
                    </li>
                    <li>
                        <a href="#">Astronomy & Telescopes</a>
                    </li>
                    <li>
                        Telescope 3735SX
                    </li>
                </ul>
            </div>
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <form>
                        <div class="formSep">

                        </div>
                        <div class="formSep">
                            <div class="row">
                                <div class="col-sm-6 col-md-6">
                                    <label>Input field</label>
                                    <input class="form-control" type="text">
                                    <span class="help-block">help block</span>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <label>Textarea</label>
                                    <textarea name="txtarea_sp" id="txtarea_sp" cols="10" rows="3"
                                              class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="formSep">
                            <div class="row">
                                <div class="col-sm-6 col-md-6">
                                    <label>Regular select</label>
                                    <select class="form-control">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <label>Multiselect</label>
                                    <select multiple="multiple" class="form-control">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="formSep">
                            <div class="row">
                                <div class="col-sm-6 col-md-6">
                                    <label>Checkboxes</label>
                                    <label class="checkbox">
                                        <input value="option1" name="optionsCheckboxList1" type="checkbox">
                                        Lorem ipsum dolor sit amet, consectetur
                                    </label>
                                    <label class="checkbox">
                                        <input value="option2" name="optionsCheckboxList2" type="checkbox">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit
                                    </label>
                                    <label class="checkbox">
                                        <input value="option3" name="optionsCheckboxList3" type="checkbox">
                                        Lorem ipsum dolor sit amet
                                    </label>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <label>Radio buttons</label>
                                    <label class="radio">
                                        <input checked="" value="option1" id="optionsRadios1" name="optionsRadios"
                                               type="radio">
                                        Lorem ipsum dolor sit amet, consectetur
                                    </label>
                                    <label class="radio">
                                        <input value="option2" id="optionsRadios2" name="optionsRadios" type="radio">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="formSep">
                            <p class="sepH_c">Prepended an appended inputs</p>

                            <div class="row">
                                <div class="col-sm-4 col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon"><span
                                                class="glyphicon glyphicon-envelope"></span></span>
                                        <input size="16" class="form-control" type="text">
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon">(+256)</span>
                                        <input size="16" class="form-control" type="text">
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <div class="input-group input-group-sm">
                                        <input size="16" class="form-control" type="text">

                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-default">Change</button>
                                            <button type="button" class="btn btn-default">Ok</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-4 col-md-4">
                                    <div class="input-group">
                                        <input size="16" class="form-control" type="text">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input size="16" class="form-control" type="text">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <div class="input-group input-group-sm">
                                        <input size="16" class="form-control" type="text">

                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-default">OK</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="formSep">
                            <p class="sepH_c">Form control states</p>

                            <div class="row">
                                <div class="col-sm-3 col-md-3">
                                    <label>Focus state</label>
                                    <input class="focused form-control" type="text">
                                </div>
                                <div class="f_error col-sm-3 col-md-3">
                                    <label>Error state</label>
                                    <input class="form-control" type="text">
                                    <span class="help-block">help block</span>
                                </div>
                                <div class="f_warning col-sm-3 col-md-3">
                                    <label>Warning state</label>
                                    <input class="form-control" type="text">
                                    <span class="help-block">help block</span>
                                </div>
                                <div class="f_success col-sm-3 col-md-3">
                                    <label>Success state</label>
                                    <input class="form-control" type="text">
                                    <span class="help-block">help block</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-3 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input size="16" class="focused form-control" type="text">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>
                                <div class="f_error col-sm-3 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input size="16" class="form-control" type="text">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>
                                <div class="f_warning col-sm-3 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input size="16" class="form-control" type="text">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>
                                <div class="f_success col-sm-3 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input size="16" class="form-control" type="text">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-3 col-md-3">
                                    <label>Disabled</label>
                                    <input disabled="disabled" class="form-control" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="formSep">
                            <div class="row sepH_b stacked">
                                <div class="col-sm-6 col-md-6">
                                    <label>Input grid</label>

                                    <div class="row">
                                        <div class="col-sm-4 col-md-4">
                                            <input class="form-control" type="text">
                                        </div>
                                        <div class="col-sm-5 col-md-5">
                                            <input class="form-control" type="text">
                                        </div>
                                        <div class="col-sm-3 col-md-3">
                                            <input class="form-control" type="text">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <label>Height sizing</label>

                                    <div class="row">
                                        <div class="col-sm-3 col-md-3">
                                            <input class="input-sm form-control" placeholder=".input-sm" type="text">
                                        </div>
                                        <div class="col-sm-3 col-md-3">
                                            <input class="input-lg form-control" placeholder=".input-lg" type="text">
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </form>

                    <div class="row">
                        <div class="col-sm-12 col-md-12">
                            <div class="formSep">
                                <label class="sepH_b">Progress bars</label>

                                <div class="row">
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress">
                                            <div style="width: 20%" class="progress-bar progress-bar-info"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress">
                                            <div style="width: 40%" class="progress-bar progress-bar-success"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress">
                                            <div style="width: 60%" class="progress-bar progress-bar-warning"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress">
                                            <div style="width: 80%" class="progress-bar progress-bar-danger"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="formSep">
                                <label class="sepH_b">Stripped progress bars</label>

                                <div class="row">
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress progress-striped">
                                            <div style="width: 14%" class="progress-bar progress-bar-info "></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress progress-striped active">
                                            <div style="width: 66%" class="progress-bar progress-bar-success"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress progress-striped">
                                            <div style="width: 42%" class="progress-bar progress-bar-warning"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="sepH_b progress progress-striped active">
                                            <div style="width: 88%" class="progress-bar progress-bar-danger"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6 col-md-6">
                            <p class="sepH_c">Horizontal form</p>

                            <form class="form-horizontal" role="form">
                                <div class="form-group">
                                    <label for="inputEmail1" class="col-lg-2 control-label">Email</label>

                                    <div class="col-lg-10">
                                        <input type="email" class="form-control" id="inputEmail1" placeholder="Email">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword1" class="col-lg-2 control-label">Password</label>

                                    <div class="col-lg-10">
                                        <input type="password" class="form-control" id="inputPassword1"
                                               placeholder="Password">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-lg-offset-2 col-lg-10">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox"> Remember me
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-lg-offset-2 col-lg-10">
                                        <button type="submit" class="btn btn-default">Sign in</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                        <div class="col-sm-6 col-md-6">
                            <p class="sepH_c">Inline form</p>

                            <form class="form-inline" role="form">
                                <div class="form-group">
                                    <label class="sr-only" for="exampleInputEmail2">Email address</label>
                                    <input type="email" class="form-control" id="exampleInputEmail2"
                                           placeholder="Enter email">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="exampleInputPassword2">Password</label>
                                    <input type="password" class="form-control" id="exampleInputPassword2"
                                           placeholder="Password">
                                </div>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox"> Remember me
                                    </label>
                                </div>
                                <button type="submit" class="btn btn-default">Sign in</button>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <a href="javascript:void(0)" class="sidebar_switch on_switch ttip_r" title="Hide Sidebar">Sidebar switch</a>

    <div class="sidebar">

        <div class="sidebar_inner_scroll">
            <div class="sidebar_inner">
                <form action="index.php?uid=1&amp;page=search_page" class="input-group input-group-sm" method="post">
                    <input autocomplete="off" name="query" class="search_query form-control input-sm" size="16"
                           placeholder="Search..." type="text">
                    <span class="input-group-btn"><button type="submit" class="btn btn-default"><i
                            class="glyphicon glyphicon-search"></i></button></span>
                </form>
                <div id="side_accordion" class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseOne" data-parent="#side_accordion" data-toggle="collapse"
                               class="accordion-toggle">
                                <i class="glyphicon glyphicon-folder-close"></i> Content
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseOne">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="javascript:void(0)">Articles</a></li>
                                    <li><a href="javascript:void(0)">News</a></li>
                                    <li><a href="javascript:void(0)">Newsletters</a></li>
                                    <li><a href="javascript:void(0)">Comments</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseTwo" data-parent="#side_accordion" data-toggle="collapse"
                               class="accordion-toggle">
                                <i class="glyphicon glyphicon-th"></i> Modules
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseTwo">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="javascript:void(0)">Content blocks</a></li>
                                    <li><a href="javascript:void(0)">Tags</a></li>
                                    <li><a href="javascript:void(0)">Blog</a></li>
                                    <li><a href="javascript:void(0)">FAQ</a></li>
                                    <li><a href="javascript:void(0)">Formbuilder</a></li>
                                    <li><a href="javascript:void(0)">Location</a></li>
                                    <li><a href="javascript:void(0)">Profiles</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseThree" data-parent="#side_accordion" data-toggle="collapse"
                               class="accordion-toggle">
                                <i class="glyphicon glyphicon-user"></i> Account manager
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseThree">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="javascript:void(0)">Members</a></li>
                                    <li><a href="javascript:void(0)">Members groups</a></li>
                                    <li><a href="javascript:void(0)">Users</a></li>
                                    <li><a href="javascript:void(0)">Users groups</a></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseFour" data-parent="#side_accordion" data-toggle="collapse"
                               class="accordion-toggle">
                                <i class="glyphicon glyphicon-cog"></i> Configuration
                            </a>
                        </div>
                        <div class="accordion-body collapse in" id="collapseFour">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li class="nav-header">People</li>
                                    <li class="active"><a href="javascript:void(0)">Account Settings</a></li>
                                    <li><a href="javascript:void(0)">IP Adress Blocking</a></li>
                                    <li class="nav-header">System</li>
                                    <li><a href="javascript:void(0)">Site information</a></li>
                                    <li><a href="javascript:void(0)">Actions</a></li>
                                    <li><a href="javascript:void(0)">Cron</a></li>
                                    <li class="divider"></li>
                                    <li><a href="javascript:void(0)">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseLong" data-parent="#side_accordion" data-toggle="collapse"
                               class="accordion-toggle">
                                <i class="glyphicon glyphicon-leaf"></i> Long content (scrollbar)
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseLong">
                            <div class="panel-body">
                                Some text to show sidebar scroll bar<br>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rhoncus, orci ac
                                fermentum imperdiet, purus sapien pharetra diam, at varius nibh tellus tristique sem.
                                Nulla congue odio ut augue volutpat congue. Nullam id nisl ut augue posuere ullamcorper
                                vitae eget nunc. Quisque justo turpis, tristique non fermentum ac, feugiat quis lorem.
                                Ut pellentesque, turpis quis auctor laoreet, nibh erat volutpat est, id mattis mi elit
                                non massa. Suspendisse diam dui, fringilla id pretium non, dapibus eget enim. Duis
                                fermentum quam a leo luctus tincidunt euismod sit amet arcu. Duis bibendum ultricies
                                libero sed feugiat. Duis ut sapien risus. Morbi non nulla sit amet eros fringilla
                                blandit id vel augue. Nam placerat ligula lacinia tellus molestie molestie vestibulum
                                leo tincidunt.
                                Duis auctor varius risus vitae commodo. Fusce nec odio massa, ut dapibus justo. Lorem
                                ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dapibus, mauris sit amet
                                feugiat tempor, nulla diam gravida magna, in facilisis sapien tellus non ligula. Mauris
                                sapien turpis, sodales ac lacinia sit amet, porttitor in lacus. Pellentesque tincidunt
                                malesuada magna, in egestas augue sodales vel. Praesent iaculis sapien at ante sodales
                                facilisis.
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapse7" data-parent="#side_accordion" data-toggle="collapse"
                               class="accordion-toggle">
                                <i class="glyphicon glyphicon-th"></i> Calculator
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapse7">
                            <div class="panel-body">
                                <form name="Calc" id="calc">
                                    <div class="formSep input-group input-group-sm">
                                        <input class="form-control" name="Input" type="text"/>
									<span class="input-group-btn">
										<button type="button" class="btn btn-default" name="clear" value="c"
                                                onclick="Calc.Input.value = ''">
                                            <i class="glyphicon glyphicon-remove"></i>
                                        </button>
									</span>
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="seven" value="7"
                                               onclick="Calc.Input.value += '7'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="eight" value="8"
                                               onclick="Calc.Input.value += '8'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="nine" value="9"
                                               onclick="Calc.Input.value += '9'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="div" value="/"
                                               onclick="Calc.Input.value += ' / '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="four" value="4"
                                               onclick="Calc.Input.value += '4'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="five" value="5"
                                               onclick="Calc.Input.value += '5'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="six" value="6"
                                               onclick="Calc.Input.value += '6'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="times" value="x"
                                               onclick="Calc.Input.value += ' * '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="one" value="1"
                                               onclick="Calc.Input.value += '1'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="two" value="2"
                                               onclick="Calc.Input.value += '2'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="three" value="3"
                                               onclick="Calc.Input.value += '3'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="minus" value="-"
                                               onclick="Calc.Input.value += ' - '" type="button">
                                    </div>
                                    <div class="formSep form-group">
                                        <input class="btn form-control btn-default input-sm" name="dot" value="."
                                               onclick="Calc.Input.value += '.'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="zero" value="0"
                                               onclick="Calc.Input.value += '0'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="DoIt" value="="
                                               onclick="Calc.Input.value = Math.round( eval(Calc.Input.value) * 1000)/1000"
                                               type="button">
                                        <input class="btn form-control btn-default input-sm" name="plus" value="+"
                                               onclick="Calc.Input.value += ' + '" type="button">
                                    </div>
                                    Contributed by <a href="http://themeforest.net/user/maumao">maumao</a>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="push"></div>
            </div>

            <div class="sidebar_info">
                <ul class="list-unstyled">
                    <li>
                        <span class="act act-warning">65</span>
                        <strong>New comments</strong>
                    </li>
                    <li>
                        <span class="act act-success">10</span>
                        <strong>New articles</strong>
                    </li>
                    <li>
                        <span class="act act-danger">85</span>
                        <strong>New registrations</strong>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-migrate.min.js"></script>
    <script src="lib/jquery-ui/jquery-ui-1.10.0.custom.min.js"></script>
    <!-- touch events for jquery ui-->
    <script src="js/forms/jquery.ui.touch-punch.min.js"></script>
    <!-- easing plugin -->
    <script src="js/jquery.easing.1.3.min.js"></script>
    <!-- smart resize event -->
    <script src="js/jquery.debouncedresize.min.js"></script>
    <!-- js cookie plugin -->
    <script src="js/jquery_cookie_min.js"></script>
    <!-- main bootstrap js -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- bootstrap plugins -->
    <script src="js/bootstrap.plugins.min.js"></script>
    <!-- typeahead -->
    <script src="lib/typeahead/typeahead.min.js"></script>
    <!-- code prettifier -->
    <script src="lib/google-code-prettify/prettify.min.js"></script>
    <!-- sticky messages -->
    <script src="lib/sticky/sticky.min.js"></script>
    <!-- tooltips -->
    <script src="lib/qtip2/jquery.qtip.min.js"></script>
    <!-- lightbox -->
    <script src="lib/colorbox/jquery.colorbox.min.js"></script>
    <!-- jBreadcrumbs -->
    <script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
    <!-- hidden elements width/height -->
    <script src="js/jquery.actual.min.js"></script>
    <!-- custom scrollbar -->
    <script src="lib/slimScroll/jquery.slimscroll.js"></script>
    <!-- fix for ios orientation change -->
    <script src="js/ios-orientationchange-fix.js"></script>
    <!-- to top -->
    <script src="lib/UItoTop/jquery.ui.totop.min.js"></script>
    <!-- mobile nav -->
    <script src="js/selectNav.js"></script>

    <!-- common functions -->
    <script src="js/gebo_common.js"></script>

           <script  type="text/javascript"  ></script>
    <script>
        $(document).ready(function () {

        });
    </script>


</div>
</body>
</html>
